<template>
  <div>
    <headers :head_title="head_title" />
    <main>
      <div class="box_head">
        <img src="../../image/医生1.png" />
        <div>
          <ul class="uls">
            <p>
              <span class="box_name">曾小贤</span><span class="sst">副主任医师</span>
              <van-icon size="55" color="red" name="like-o" />
            </p>
            <li class="cct">广东省妇幼保健院/儿科</li>
            <li class="ccx">
              <span>好评率</span><span>98%</span><span>服务患者数</span><span>356</span>
            </li>
            <li><span class="ccs"></span>他收到的礼物</li>
            <li>
              <img src="../../image/gl2.png" alt="" />
              <img src="../../image/gl1.png" alt="" />
              <img src="../../image/gl3.png" alt="" />
            </li>
          </ul>
        </div>
      </div>
      <div class="details_main">
        <div class="box_intro">
          <p><span class="details_css"></span>个人简介</p>
          <div class="details_text">
            2006年就读广州医学院医学研究生新生儿专业，导师为广东省妇幼保健院张晓庄院长，2009年顺利毕业并就职于广东省妇幼保健院新生儿科重症监护室(ICu)。于2011年晋升为主治医师。2014年晋升为副主任医师并于同年共度华南大学医学博士。
          </div>
        </div>

        <div class="box_intro">
          <p><span class="details_css"></span>擅长领域</p>
          <div class="details_text">
            新生儿黄疸，肺炎，脑膜炎，呼吸窘迫，新生儿贫血，肺动脉高压等各种新生儿重症的诊断及治疗，掌握各种呼吸机使用，气管插管，心肺复苏等技术。
          </div>
        </div>
      </div>
      <div class="box_intro">
        <p><span class="details_css"></span>用户评价<span>(0)条</span></p>
        <div>

        </div>
      </div>
    </main>
  </div>
</template>

<script setup lang="ts">
import headers from '@/components/header.vue'
const head_title = '医生详情'
</script>

<style scoped lang="scss">

main {
  width: 90%; // 90% * 0.5
  margin: 12.5px auto; // 25px * 0.5
}
.box_head {
  width: 95%; // 95% * 0.5
  height: 50%;
  background: #fff;
  display: flex;
}
.box_intro {
  margin: 5px 0; // 10px * 0.5
}
.box_head > img {
  width: 150px; // 300px * 0.5
  height: 175px; // 350px * 0.5
  margin-right: 17.5px; // 35px * 0.5
  border: #ccc 0.5px solid; // 1px * 0.5
}
.uls > li {
  margin: 7.5px; // 15px * 0.5
  /* font-size: 24px; */
}

.uls > li img {
  width: 42.5px; // 85px * 0.5
}

.box_name {
  font-size: 17.5px; // 35px * 0.5
  margin: 12.5px;
  margin-left: 0;
}

.sst {
  font-size: 10px; // 20px * 0.5
  margin-right: 6px; // 12px * 0.5
}

.ccx > span {
  margin-right: 7.5px; // 15px * 0.5
}

.details_css {
  /* font-size: 34px; */
  margin-right: 5px; // 10px * 0.5
  border-left: 3px solid #368beb; // 6px * 0.5
}

.details_text{
  // font-size: initial;
  font-size: 8px; // 15px * 0.5
}
</style>
